@charset "utf-8";
.calendar ul li{
	list-style: none;
	width: 80px;
	height: 80px;
	background:#68f81d;
	border-radius: 10px;
	margin: 10px 10px 0 0;
	text-align: center;
	cursor: pointer;
	float: left;
}
#div1{
	text-align: center;
	margin:0 auto;
	width: 350px; 
	height: 600px;
	background: #B3B3B3;
	border-radius: 10px;
}
li p{
	font-size: 20px;
	color: #EDEDED;
}
div h2{
	color: #209f00;
	font-family:"楷体";
}
.cdiv2 p{
	font-family:"楷体";
	color: #8CDCFF;
	text-indent: 2em;
}
.cdiv2{
	clear:both;
	width: 315px;
	height: 400px;
	position: relative;
	left: 18px;
	top:20px;
}
.calendar .active { 
	list-style: none;
	background: pink; 
	transition:background 0.5s;
	color: #e84a7e;
	width: 80px;
	height: 80px;
	border-radius: 10px;
	margin: 10px 10px 0 0;
	text-align: center;
	cursor: pointer;
	float: left;
}